<!DOCTYPE html>
<html lang="en">

<head>

  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>金天国际</title>
  <meta name="viewport" content="initial-scale=1, maximum-scale=1">
  <!-- <link rel="shortcut icon" href="http://favicon.ico"> -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="viewport" content="width=device-width, height=device-height, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">

  <!-- <link rel="stylesheet" href="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/css/sm.min.css">
  <link rel="stylesheet" href="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/css/sm-extend.min.css">
  <link rel="stylesheet" href="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/css/swiper.min.css">
  <link rel="stylesheet" href="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/css/animate.css">
  <script type="text/javascript" src="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/common/common.js"></script>
  <link rel="stylesheet" href="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/css/common.css">
  <link rel="stylesheet" href="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/css/Home/home.css"> -->

  <link rel="stylesheet" href="../../css/sm.min.css">
  <link rel="stylesheet" href="../../css/sm-extend.min.css">
  <link rel="stylesheet" href="../../css/swiper.min.css">
  <link rel="stylesheet" href="../../css/animate.css">
  <link rel="stylesheet" href="../../css/common.css">
  <link rel="stylesheet" href="../../css/Home/home.css">
  <script type="text/javascript" src="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/common/common.js"></script>
  
</head>

<body>
  <div class="page-group">
    <div class="page">
      <!-- 标题栏 -->
      <header class="bar bar-nav">
        <div class="bar-box">
          <div class="bar-left">
            <img src="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/img/home/scan.png" alt="">
          </div>
          <div class="search-input searchs">
            <label class="icon icon-search" for="search"></label>
            <input type="search" id="search" readonly="readonly" placeholder="输入关键字..." />
          </div>
          <div class="bar-right">
            <img src="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/img/home/position.png" alt="">
            <a href="">消息</a>
          </div>
        </div>
      </header>

      <!-- 这里是页面内容区 -->
      <div class="content pull-to-refresh-content infinite-scroll infinite-scroll-bottom" data-ptr-distance="50" data-distance="100">

        <!-- 默认的下拉刷新层 -->
        <div class="pull-to-refresh-layer">
          <div class="preloader"></div>
          <div class="pull-to-refresh-arrow"></div>
        </div>

        <div class="banner">
          <div class="swiper-container myswiper" id="swiper1">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <img src="https://placekitten.com/640/320" alt="">
              </div>
              <div class="swiper-slide">
                <img src="https://placekitten.com/640/330" alt="">
              </div>
              <div class="swiper-slide">
                <img src="https://placekitten.com/640/340" alt="">
              </div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
          </div>
          <!-- <div class="banner-footer">
            <div class="row no-gutter">
              <div class="col-25">
                <p>
                  <a href="" class="small-banner">
                    <img src="../../img/monikaochang.png" alt="">
                    <span>走进金天</span>
                  </a>
                </p>
              </div>
              <div class="col-25">
                <p>
                  <a href="" class="small-banner">
                    <img src="../../img/monikaochang.png" alt="">
                    <span>全部商品</span>
                  </a>
                </p>
              </div>
              <div class="col-25">
                <p>
                  <a href="" class="small-banner">
                    <img src="../../img/monikaochang.png" alt="">
                    <span>发现金天</span>
                  </a>
                </p>
              </div>
              <div class="col-25">
                <p>
                  <a href="" class="small-banner">
                    <img src="../../img/monikaochang.png" alt="">
                    <span>客服中心</span>
                  </a>
                </p>
              </div>
            </div>
          </div> -->
        </div>

        <!-- 金天头条 -->
        <div class="cardlist headline">
          <section class="card card_box">
            <article class="card-header no-border card_box_header">
              <span>金天头条</span>
              <span></span>
            </article>
            <article class="card-content">
              <div class="list-block media-list">
                <ul>
                  <li>
                    <a href="#" class="item-content card_box__content flex-postiton">
                      <div class="item-media">
                        <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg"
                          style="width: 4rem;">
                      </div>
                      <div class="item-inner">
                        <div class="item-title-row">
                          <div class="item-title">大标题</div>
                          <div class="item-after"></div>
                        </div>
                        <div class="item-text">此处是文本内容...</div>
                        <div class="item-subtitle">2018.11.05 赞25</div>
                      </div>
                    </a>
                  </li>
                </ul>
              </div>
            </article>
            <article class="card-footer">
              <div class="list-block media-list">
                <ul>
                  <li>
                    <a href="#" class="item-content card_box__content">
                      <div class="item-inner">
                        <div class="item-title-row">
                          <div class="item-title">大标题</div>
                          <div class="item-after"></div>
                        </div>
                        <div class="item-text">此处是文本内容...此处是文本内容...此处是文本内容...此处是文本内容...此处是文本内容...此处是文本内容...此处是文本内容...</div>
                        <div class="item-subtitle">2018.11.05 赞25</div>
                      </div>
                    </a>
                  </li>
                </ul>
              </div>
            </article>
          </section>
        </div>

        <!-- 最新活动 -->
        <div class="cardlist activity">
          <section class="card card_box">
            <article class="card-header no-border card_box_header">
              <span>最新活动</span>
              <a href="#">更多</a>
            </article>
            <article class="card-content card_box_content">
              <img src="https://placekitten.com/640/320" alt="">
            </article>
          </section>
        </div>

        <!-- 精选商品 -->
        <div class="cardlist goods">
          <section class="card card_box">
            <article class="card-header no-border card_box_header">
              <span>精选商品</span>
              <a href="#">更多</a>
            </article>
            <article class="card-content card_box_content">
              <div class="row">
                <div class="col-50">
                  <div class="card-flex-box">
                    <div valign="bottom" class="card-header color-white no-border no-padding">
                      <img class="card-cover" src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg"
                        alt="">
                    </div>
                    <div class="card-content">
                      <div class="card-content-inner card_flex__inner">
                        <p class="color-gray">商品名称</p>
                        <p class="label-box">
                          <span class="label">雪莲</span>
                          <span class="label">功效</span>
                        </p>
                      </div>
                    </div>
                    <div class="hot isshow">热销产品</div>
                    <!-- <div class="card-footer">
                      <a href="#" class="link">赞</a>
                      <a href="#" class="link">更多</a>
                    </div> -->
                  </div>
                </div>
                <div class="col-50">
                  <div class="card-flex-box">
                    <div valign="bottom" class="card-header color-white no-border no-padding">
                      <img class="card-cover" src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg"
                        alt="">
                    </div>
                    <div class="card-content">
                      <div class="card-content-inner card_flex__inner">
                        <p class="color-gray">商品名称</p>
                        <p class="label-box">
                          <span class="label">雪莲</span>
                          <span class="label">功效</span>
                        </p>
                      </div>
                    </div>
                    <!-- <div class="card-footer">
                      <a href="#" class="link">赞</a>
                      <a href="#" class="link">更多</a>
                    </div> -->
                  </div>
                </div>
                <div class="col-50">
                  <div class="card-flex-box">
                    <div valign="bottom" class="card-header color-white no-border no-padding">
                      <img class="card-cover" src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg"
                        alt="">
                    </div>
                    <div class="card-content">
                      <div class="card-content-inner card_flex__inner">
                        <p class="color-gray">商品名称</p>
                        <p class="label-box">
                          <span class="label">雪莲</span>
                          <span class="label">功效</span>
                        </p>
                      </div>
                    </div>
                    <!-- <div class="card-footer">
                      <a href="#" class="link">赞</a>
                      <a href="#" class="link">更多</a>
                    </div> -->
                  </div>
                </div>
                <div class="col-50">
                  <div class="card-flex-box">
                    <div valign="bottom" class="card-header color-white no-border no-padding">
                      <img class="card-cover" src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg"
                        alt="">
                    </div>
                    <div class="card-content">
                      <div class="card-content-inner card_flex__inner">
                        <p class="color-gray">商品名称</p>
                        <p class="label-box">
                          <span class="label">雪莲</span>
                          <span class="label">功效</span>
                        </p>
                      </div>
                    </div>
                    <!-- <div class="card-footer">
                      <a href="#" class="link">赞</a>
                      <a href="#" class="link">更多</a>
                    </div> -->
                  </div>
                </div>
              </div>
            </article>
          </section>
        </div>

        <!-- 生态保养学院 -->
        <div class="cardlist college">
          <section class="card card_box">
            <article class="card-header no-border card_box_header">
              <span>生态保养学院</span>
              <a href="#">更多</a>
            </article>
            <article class="card-content">
              <div class="list-block media-list">
                <ul>
                  <li>
                    <a href="#" class="item-content card_box__content">
                      <div class="item-media">
                        <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg"
                          style="width: 4rem;">
                      </div>
                      <div class="item-inner">
                        <div class="item-title-row">
                          <div class="item-title">大标题</div>
                          <div class="item-after"></div>
                        </div>
                        <div class="item-text">此处是文本内容...</div>
                        <div class="item-subtitle card_box__content_subtile">
                          <span>2018.11.05 赞25</span>
                          <span>观看数25</span>
                        </div>
                      </div>
                    </a>
                  </li>
                </ul>
              </div>
            </article>
            <article class="card-footer">
              <div class="card-footer_content">
                <div class="card-header no-border no-padding">大标题大标题大标题</div>
                <div valign="bottom" class="card-header color-white no-border no-padding">
                  <img class="card-cover" width="100%" src="https://placekitten.com/640/320" alt="">
                  <!-- <img class="card-cover" width="100%" src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                    alt=""> -->
                </div>
                <div class="card-content">
                  <div class="card-content-inner card_flex__inner">
                    <!-- <p class="color-gray">商品名称</p> -->
                    <p class="color-gray label-box">
                      <span>2018.11.05</span>
                      <span>赞25</span>
                      <span>观看数125</span>
                    </p>
                  </div>
                </div>
              </div>
            </article>
          </section>
        </div>

        <!-- 名师推荐 -->
        <div class="teacher">
          <div class="teacher-box">
            <div class="header">名师推荐</div>
            <div class="swiper-container" id="swiper2">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <section class="teacher-card">
                    <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg" alt="">
                    <div class="teacher-title">
                      <span>姓名</span>
                      <span class="desc">简介简介简介简介简介简介简介简介简介简介简介简介简介简介</span>
                    </div>
                    <a href="#" class="button button-fill button-danger">关注</a>
                    <a href="#" class="closed">&times;</a>
                  </section>
                </div>
                <div class="swiper-slide">
                  <section class="teacher-card">
                    <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg" alt="">
                    <div class="teacher-title">
                      <span>姓名</span>
                      <span class="desc">简介简介简介简介简介简介简介简介简介简介简介简介简介简介</span>
                    </div>
                    <a href="#" class="button button-fill button-danger">关注</a>
                    <a href="#" class="closed">&times;</a>
                  </section>
                </div>
                <div class="swiper-slide">
                  <section class="teacher-card">
                    <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg" alt="">
                    <div class="teacher-title">
                      <span>姓名</span>
                      <span class="desc">简介简介简介简介简介简介简介简介简介简介简介简介简介简介</span>
                    </div>
                    <a href="#" class="button button-fill button-danger">关注</a>
                    <a href="#" class="closed">&times;</a>
                  </section>
                </div>
                <div class="swiper-slide">
                  <section class="teacher-card">
                    <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg" alt="">
                    <div class="teacher-title">
                      <span>姓名</span>
                      <span class="desc">简介简介简介简介简介简介简介简介简介简介简介简介简介简介</span>
                    </div>
                    <a href="#" class="button button-fill button-danger">关注</a>
                    <a href="#" class="closed">&times;</a>
                  </section>
                </div>
                <div class="swiper-slide">
                  <section class="teacher-card">
                    <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg" alt="">
                    <div class="teacher-title">
                      <span>姓名</span>
                      <span class="desc">简介简介简介简介简介简介简介简介简介简介简介简介简介简介</span>
                    </div>
                    <a href="#" class="button button-fill button-danger">关注</a>
                    <a href="#" class="closed">&times;</a>
                  </section>
                </div>
                
                <div class="swiper-slide">
                  <section class="teacher-card lastchild">
                    <div class="more"><img src="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/img/home/seemore.png" alt=""></div>
                    <p>查看更多</p>
                  </section>
                </div>
              </div>
            </div>
          </div>
        </div>

        <!-- 公益活动 -->
        <div class="cardlist public">
          <section class="card card_box">
            <article class="card-header no-border card_box_header">
              <span>公益活动</span>
              <a href="#">更多</a>
            </article>
            <article class="card-content">
              <div class="card-footer_content">
                <div valign="bottom" class="card-header color-white no-border no-padding">
                  <img class="card-cover" width="100%" src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg"
                    alt="">
                </div>
                <div class="card-content">
                  <div class="card-content-inner card_flex__inner">
                    <!-- <p class="color-gray">商品名称</p> -->
                    <div class="color-black">标题标题标题标题标题</div>
                    <div class="color-gray label-box">
                      <span>2018.11.05</span>
                      <span>赞25</span>
                      <span>观看数125</span>
                    </div>
                  </div>
                </div>
              </div>
            </article>
          </section>
        </div>

         <!-- 加载提示符 -->
         <div class="infinite-scroll-preloader">
            <div class="preloader"></div>
        </div>

      </div>
      <div class="top top_fixed">
        <a id="tops" href="#">回顶部</a>
      </div>
    </div>
  </div>
  <!-- ! 固定的js引用，所有的jQuery 要用 $$ 表示 -->
  <script type="text/javascript" src="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/js/jquery-1.11.1.min.js"></script>
  <script type="text/javascript">
    var $$ = jQuery.noConflict();
  </script>
  <script type="text/javascript" src="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/zepto/zepto.min.js"
    charset="utf-8"></script>
  <script type="text/javascript" src="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/js/sm.min.js"
    charset="utf-8"></script>
  <script src="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/js/swiper/swiper.min.js"></script>
  <script src="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/js/Home/home.js"></script>
  

<!-- 
  <script type="text/javascript" src="../../js/jquery-1.11.1.min.js"></script>
  <script type="text/javascript">
    var $$ = jQuery.noConflict();
  </script>
  <script type="text/javascript" src="../../zepto/zepto.min.js"
    charset="utf-8"></script>
  <script type="text/javascript" src="../../js/sm.min.js"
    charset="utf-8"></script>
  <script src="../../js/swiper/swiper.min.js"></script>
  <script src="../../js/Home/home.js"></script> -->


  <script type="text/javascript">
    //放函数区域
  </script>
</body>

</html>